@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/*=General
-------------------------------------------------------------- */

html, body { font: 12px Tahoma, Geneva, sans-serif; color: #000; background: url("images/bg-color.jpg"); }
:focus { outline: 0; }
a { color: #666666; text-decoration: none; }
a:hover { color: #000000; }

img { border:none; }
.clear{ clear:both; }
.fr { float:right; }
.fl{ float:left; }

#header{ background:url("images/header.jpg") no-repeat center; height:134px; }
#wrapper{ width:970px; margin:auto; position:relative;}
.delete-file { cursor:pointer;}

/* =Footer
-------------------------------------------------------------- */
#footer { height: 30px; background: #000; border-top:2px solid #333;}
#copyright { float:left; line-height:30px; margin-left:12px; font-size:10px; color:#666;}

ul.footer-menu {height:30px; line-height:30px; float:right;}
ul.footer-menu li{ list-style:none; float:right; padding:0 10px 0 10px;}
ul.footer-menu li a:hover { color:#fff;}

/* =Menu
-------------------------------------------------------------- */

#access { display: block; float: left; width: 100%; background:url("images/topnav-bg.gif"); }
div.menu {}
div.menu ul { list-style: none; margin: 0; padding:0; }
div.menu li { float: left; position: relative; border-right:1px solid #666; }
#access a { display: block; line-height: 25px; padding:5px 9px 5px 9px; text-decoration: none; color:#fff; font-weight:bold; }
#access ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	top: 30px;
	left: 0;
	float: left;
	z-index: 99999;
	margin: 0;
	padding: 0;
}
#access ul ul li { border-top:1px dotted #fd9d55; min-width: 100px; }
#access ul ul a { background: #fff; color:#f57b20; line-height: 1em; padding: 10px; height: auto; }
#access li:hover > a,
#access ul ul :hover > a { background: url("images/topnav-over.gif"); color: #fff; }
#access ul li:hover > ul { display: block; }
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #fff;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: #fff;
}

/* =Login Form
-------------------------------------------------------------- */

.login_form{ width:300px; top:100px; position:relative; margin:0 auto; background:#fff; padding:20px; border:1px solid #000; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.login_form .head{ font-size:22px; margin:0 20px 20px 20px; text-align:center;}
.login_form fieldset { border:none; }
.login_form .content ul{ margin:0; padding:0; }
.login_form .content ul li{ list-style:none; margin:10px; }
.login_form .content ul li label{ float:left; width:80px; text-align:right; margin-right:5px; }
.login_form .content ul li input[type='text'], .login_form .content ul li input[type='password']{border:1px solid #7f9db9; width:150px; }
.login_form .button{ background: url("images/black-1.gif"); border: none; color: #fff; cursor: pointer; width: 52px; font-size:11px; height:22px; line-height:22px; }

/* =Body
-------------------------------------------------------------- */

#container {background:#fff; min-height:450px; padding:10px; position:relative;}
h1.header {position:relative; font-size:18px; font-weight:bold; color:#000;}
h2{ font-size:14px; font-weight:bold; text-decoration:underline;}

/* =Form
-------------------------------------------------------------- */
.form { margin-left:20px; padding-top:20px; list-style:none; clear:both; }
.form .node label.label{ font-weight:bold; color:#235d9c; display: block; }
.form .node label.radio{}
.form .node{ margin:5px 0 10px 0; }
.form .node .input{ border:1px solid #ddd; padding:2px; }
.form .node input{ color:#333; font-size:12px; }
.form label.radio{ cursor:pointer; }
.submit{ margin:20px 0 0 0; }
.desc { color:#999; }
.require{ color:#f57b20; font-size:12px; font-weight:bold; }

/* =Table
-------------------------------------------------------------- */

.list{ border:1px solid #0c4273; margin:10px 0 20px 0;}
.list th{ font-weight:bold; font-size: 14px; border:1px solid #0a3561; background:#206db3; color:#fff; padding:2px 10px 2px 10px; text-align:center;}
.list td{ vertical-align:top; padding:3px 5px 3px 5px; border:1px solid #ccc;}
.list .alt0 {background:#eaeaea;}
.list .alt1 {background:#fff;}

.tool { background: none repeat scroll 0 0 #eee; border: 1px solid #ccc; margin: 15px 0; min-height: 13px; padding: 10px 0;}
.tool img{ margin: -2px 5px 0; vertical-align: middle; }

/* =SAR
-------------------------------------------------------------- */
.sidebar-sar { float:left; width: 200px; }
.sidebar-sar ul li { padding:5px 0 5px 10px; border-bottom:1px dashed #ccc; }
#sar.center {float:left; min-height: 450px; width: 725px; border-left:1px solid #000; padding:0 10px 0 10px;}
#sar.center h1.topic { font-size:18px; font-weight:bold; color:#000; margin-bottom:10px;}
#sar.center .content {}

/* =COMMON
-------------------------------------------------------------- */
.icon { height:16px; position:relative;top:2px; }

/* = ASSESSMENT
-------------------------------------------------------------- */
.sidebar-assessment {float:left; width: 300px; margin-right:10px;}
.sidebar-assessment ul {}
.sidebar-assessment ul li {border-bottom:1px dashed #99c5f1; line-height:22px; padding-left:10px;}
.sidebar-assessment h3 {font-size:bold; font-size:14px; margin-top:10px;}
#assessment.center { float:left; }
#assessment.center .col2{ height:100px; width:430px; overflow:auto;}
#assessment.center .col3{ height:100px; width:200px; overflow:auto;}
#assessment.center .field {margin-top:10px;}
#assessment.center .col-left {float:left; width:250px; margin-right:30px; position:relative;}
#assessment.center .col-right {float:left; width:250px;}
#assessment #main .head { background:#eee; font-weight:bold; text-align:right;}
#assessment #point .head { text-align:center;}
#assessment .print {float:right; margin-top:-20px;}
#assessment .head {font-weight:bold; font-size:14px;}


/* = PROFILE
-------------------------------------------------------------- */
#profile {background:#ccc; height:30px; line-height:30px; border-bottom:3px solid #f13426; border-top:2px solid #ddd;}
#profile .name {display:block; padding-left:20px; color:#2a72be; float:right;}
#profile .level {display:block; padding-left:20px; color:#2a72be; float:right;}
#profile .year {display:block; padding-left:20px; color:#2a72be; float:right; margin-right:100px;}

/* = REPORT
-------------------------------------------------------------- */
#report.center { float:left; }
#report .head { background:#eee; font-weight:bold; text-align:center;}
#report .bg { background:#eee;}
#report .print {float:right; }
#report .topic {text-align:left; color:#0c4273; font-weight:bold; font-size:14px; border-top:2px solid #bbb;}

/* = EVALUATION
-------------------------------------------------------------- */
#evaluation.center {float:left;}
#evaluation .head { background:#eee; font-weight:bold; text-align:right;}

.print {display:none;}

.selectbox{	width:300px;border:1px solid #ccc;padding:5px; cursor:pointer;}
.selectbox span{ display:block;}
.selectbox ul {display:none; position:absolute; height:200px; overflow:auto; background:#fff; border:1px solid #000; border-left:1px solid #aaa; border-right:1px solid #aaa; width:310px; margin:5px 0 0 -5px; z-index:2;}
.selectbox ul li {width:285px; padding:4px 3px 4px 3px; border-top:1px solid #ddd;}
.selectbox .on {background:#3399ff; color:#fff}


.w20{ width:20px; }
.w30{ width:30px; }
.w40{ width:40px; }
.w50{ width:50px; }
.w60{ width:60px; }
.w70{ width:70px; }
.w80{ width:80px; }
.w90{ width:90px; }
.w100{ width:100px; }
.w120{ width:120px; }
.w150{ width:150px; }
.w180{ width:180px; }
.w200{ width:200px; }
.w280{ width:280px; }
.w290{ width:290px; }
.w250{ width:250px; }
.w300{ width:300px; }
.w350{ width:350px; }
.w400{ width:400px; }
.w450{ width:450px; }
.w500{ width:500px; }
.w550{ width:550px; }
.w600{ width:600px; }
.w650{ width:650px; }

.h20{ height:20px; }
.h30{ height:30px; }
.h40{ height:40px; }
.h50{ height:50px; }
.h60{ height:60px; }
.h70{ height:70px; }
.h80{ height:80px; }
.h90{ height:90px; }
.h100{ height:100px; }
.h150{ height:150px; }
.h200{ height:200px; }
.h250{ height:250px; }
.h300{ height:300px; }
.h350{ height:350px; }
.h400{ height:400px; }